<table cellpadding="0" cellspacing="0" border="0" class="display" id="workDay">
	<thead>
		<tr>
			<th width="5%">ID</th>
			<th width="10%">Staff_ID</th>
			<th width="10%">FullName</th>
			<th width="10%">Date</th>
			<th width="5%">StartTime</th>
			<th width="5%">EndTime</th>
			<th width="5%">WorkTime</th>
			<th width="5%">OT</th>
			<th width="5%">ON</th>
			<th width="10%">WeekDay</th>
						
			
			
			
		</tr>
	</thead>
	<tbody>
		<tr>
			<td colspan="5" class="dataTables_empty">Loading data from server</td>
		</tr>		
	</tbody>
	
	<tfoot>
		<tr></tr>		
	</tfoot>
	
</table>
<script>
	$(document).ready(function() {
				    $('#workDay').dataTable( {
				    	"bJQueryUI": true,			        
				        "sAjaxSource": '<?php echo base_url()?>AllWorkDay/table',				       
				         "sPaginationType": "full_numbers",
				          "sScrollX": "100%",
        				"sScrollXInner": "100%",				        
        				"bScrollCollapse": true        				 
			        			        
				    } );
				} );
</script>